import { Routes, Route, Navigate } from 'react-router-dom'
import Index from './pages/index'
import Login from './pages/login'
import Register from './pages/register'
import Order from './pages/order'
import Details from './pages/details'
import Search from './pages/search'
import Coupon from './pages/coupon'
import './assets/css/reset.css'
import './assets/js/rem'

function App() {
  return (
    <div>
      <Routes>
        <Route path='/index/*' element={<Index></Index>}></Route>
        <Route path='/login' element={<Login></Login>}></Route>
        <Route path='/register' element={<Register />}></Route>
        <Route path='/order' element={<Order />}></Route>
        <Route path='/details' element={<Details />}></Route>
        <Route path='/search' element={<Search />}></Route>
        <Route path='/coupon' element={<Coupon />}></Route>
        <Route path='*' element={<Navigate to='/index'></Navigate>}></Route>
      </Routes>
      
    </div>
  );
}

export default App;
